<template>
	<div class="stroage-infromaion info-1200">
		<div class="info-title" style="border:none;">
        	<div class="info-name">
        	      <img src="./../../../static/img/index/cangchuxinxi.png">
        	      <span>仓储信息</span>
        	</div>
        	<div class="info-links">
        	      <nuxt-link to="./../info/storage">更多仓储信息</nuxt-link>
        	</div>
        </div>
        <!-- 仓储列表 -->
        <div class="storage-conent">
        	<ul>
        	    <li v-for="(item,index) in listData" :key="index">
                <router-link :to="'/info/storage/'+item.id">
        	       <div class="storage-img">
                        <div class="stor-pic">
                            <img :src="item.imgUrl">
                        </div>
            			<div class="storage-name">
            				<p>{{item.title}}</p>
            			</div>
        	        </div>
            		<div class="stroage-detail">
            		    <p>面积：{{item.measure}}</p>
            		    <p class="wy-text-nowrap">地址：{{item.address}}</p>
            		</div>
                </router-link>
        	    </li>
        	</ul>
        </div>
	</div>
</template>
<script>
import { infoStorage } from './../../../utils/infoStorage'
export default {
    data() {
      return {
        listData: infoStorage.slice(0,4)
      }
    },
    beforeCreate() {
    },
    created() {
    },
    watch: {},

    mounted: function() {

    },
    methods: {
    }
  }
</script>